﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>@ViewBag.Title</title>
    <link rel="stylesheet" type="text/css" href="http://netdna.bootstrapcdn.com/bootstrap/2.3.2/css/bootstrap.min.css">

    <!--
        Selectores CSS
        1. por etiqueta

        tr, body, th {
            se aplican estos estilos a todas las etiquetas que sean tr, body y th
        }

        #id1, #id2, #id3 {
            se aplican estos estilos a todas las etiquetas, cuyo atributo id sea id1, id2 y id3
        }

        .class1, .class2, .class3 {
            se aplican estos estilos a todas las etiquetas, cuyo atributo class sea class1, class2 y class3
        }

        tr#id1 {
            se aplican al tr cuyo id sea id1
        }

        tr#id1.class1 {
            se aplican al tr cuyo id sea id1 y su clase sea class1
        }

        thead.class1 tr.class2 {
            se aplicara al tr con class class2 que esté dentro de un thead cuya clase sea class1
        }

    -->

    <style type="text/css">
        html, body {
            height: 100%;
            width: 100%;
            padding: 0;
            margin: 0;
        }

        body#fondoCompleto {
            background-repeat: no-repeat;
            z-index: -999;
            width: 100%;
            height: auto;
            position: fixed;
            top: 0;
            left: 0;
            background-image: url("@Url.Content("~/Content/themes/base/images/130362d1359002421-background-image-background-image-photos-1024x768.jpg")") ;
        }
    </style>

</head>
<body class="full-screen-background-image" id="fondoCompleto">

    <!-- Navbar ==================================================-->
    <div class="navbar navbar-inverse navbar-fixed-m">

        <div class="navbar-inner">
            <div class="container">
                <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </a>
                <a class="brand" href="./Home">El Enchufe</a>
                <div class="nav-collapse">
                    <ul class="nav">
                        <li class="">
                            <a href="~/Producto">Productos</a>
                        </li>
                       
                    </ul>
                </div>
            </div>
        </div>
    </div>

    @RenderBody()

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
    <script src="http://netdna.bootstrapcdn.com/bootstrap/2.3.2/js/bootstrap.min.js"></script>

</body>
</html>

